/*网站公共样式*/

.info-content{font-size:15px;line-height:2.5;padding:20px 10px;}

.info-content img{max-width:100%;

-o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;}

a{color:#333;text-decoration:none;} 

a:hover{color:#0450b7;}

.com-bd{border:1px solid #ddd;}

.bg-gray{background: rgb(248, 248, 248);}

.bd-dashed-white{border-bottom:1px dashed #eee;}

.text-orange{color:rgb(255, 127, 39);}

@media(min-width:1000px) {

    .padding-md-left-0 {

        padding-left:0px;

    }

}



/*遮罩层*/

.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}

.mask-bg.active{display:block;}





.text-overflow{display:block;   /*内联对象需加*/

word-break:keep-all;           /* 不换行 */

white-space:nowrap;          /* 不换行 */

overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis; }



@media (min-width:1000px){   /*pc头部导航样式*/

.header .logo img{width:300px; margin-top: 25px;}

.header .nav-toggle{display:none}

.nav{height:80px;padding-top:10px}

.nav>ul>li{float:left;text-align:center;width:120px;}

.nav>ul>li>ul{position:absolute;}

.nav>ul>li>a{display:block;position:relative;text-align:center;color:#333;font-size:14px;line-height:70px;height:70px;}

.nav>ul>li>a>p{font-size:13px}

.nav >ul>li.active >a{color:#fff;}

.nav ul>li>a::before{content: '';position: absolute;width: 0%;height: 50%;left:0;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);top: 50%;z-index: -1;border-radius: 0px;opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;background-color: rgb(255, 127, 39);margin-left:50%}

.nav > ul > li.active > a::before {width: 100px; margin-left:10px; border-radius: 20px;opacity: 1;}

.nav li:hover> ul{display:block;padding-top:10px;}

.nav li> ul::before{content:"";display:block;margin:0px auto;text-align: center;position:absolute;top:0px;left: 45%;content: "";width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom: 10px solid #fff;}
	
.nav li> ul li> ul::before{display: none;}

.nav ul li ul li a{display:block;width:100%;text-align:center;color:#333;font-size:14px;line-height:50px;background-color:#fff;}

.nav ul li ul li:first-child{border-radius:20px;}

.nav ul li ul li a:hover{text-decoration:none;background:#eee;}

.nav ul li{position:relative}

.nav ul li .arrow{display:none}

.nav ul li ul{display:none;position:absolute;left:-10%;z-index:200;width:150px}

.nav ul li ul li ul{left:100%;top:0px;display:none}



.top-bg{line-height: 40px;}

}

@media (max-width:1000px){ /*移动头部导航样式*/

.header .logo img{width: 50%; margin: 20px 0 20px 15px;}

.header .nav-toggle{position:absolute;right:0px;top:40px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1}

.header .nav-toggle.active{color:#ccc}

.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition:all 0.2s linear;overflow-y:auto}

.nav.active{opacity:1;width:260px;max-width:60%}

.nav ul li{line-height:45px;text-align:left}

.nav ul li ul{display:none}

.nav ul li ul.active{display:block}

.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom:1px solid #dcdcdc}

.nav ul li ul li a{padding-left:60px;font-size:14px}

.nav ul li ul li ul li a{padding-left:90px}

.nav ul li ul li ul li li a{padding-left:120px}

.nav ul li{position:relative}

.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px;text-align:center;transition-duration:0s}

.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li .arrow.active{transform:rotate(90deg)}



.nav>ul>li>a>p{display:none}

.display-die{display:none;}

.top-bg{line-height: 30px;}

}



/*子栏目菜单样式*/

 .second-nav {clear: both;position: relative;}

 .second-nav .nav-toggle{text-align:center;cursor:pointer}

 .second-nav .nav-title{line-height:80px;text-align:left;background:#153F8F;padding-left:25px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}

 .second-nav .nav-title .nav-toggle{width:50px;line-height:50px;cursor:pointer;color:#fff;text-align:center}

 .second-nav .nav-title .nav-toggle.active{color:#5a342b}



 .second-nav .nav-menu{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}

 .second-nav .nav-menu li .sub-nav-toggle{position:absolute;right:0px;top:0px;text-align:center;width:54px;height:54px;transition:all 0.5s ease-in;line-height:54px;font-weight:100;transition:all 0.5s ease-in;color:#999;cursor:pointer}

 .second-nav .nav-menu li.active > .sub-nav-toggle{transform:rotate(90deg);}

 .second-nav .nav-menu li.active>a{color: #153F8F;transform:translateX(5%);transition:0.3s all ease-in-out;}



 .second-nav .nav-menu li{border:1px solid #ddd;border-top:none; overflow:hidden;}

 .second-nav .nav-menu li a{display:block;padding:15px 0;padding-left:20px; line-height:24px;font-size:14px;color:#666;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";font-size:15px;background:#fff;}



 .second-nav .nav-menu li ul li a{padding-left:50px;}

 .second-nav .nav-menu li ul li ul li a{padding-left:75px}



@media (max-width:998px) /*手机端*/

{

    .second-nav .nav-menu { display: none;}

}

/*底部*/

footer{background:rgb(51, 51, 51);color:#f0f0f0;}

footer a{color:#f2f2f2;}

footer .linkteam{border-bottom:1px solid #ddd;line-height:2.2;}

footer .linkteam a:hover{color:#fff;}

footer .rights{background:rgb(0, 90, 210);}



/*首页>公共title*/

/*首页>广告*/

.bg-blue {

    min-height: 100px;

    background: -webkit-linear-gradient(90deg, #0450b7, #2b84f9); /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(90deg, #0450b7, #2b84f9); /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(90deg, #0450b7, #2b84f9); /* Firefox 3.6 - 15 */

    background: linear-gradient(90deg, #0450b7, #2b84f9); /* 标准的语法（必须放在最后） */

}

.bg-hui {

    height: 100px;

    background: #333;



}

.bg-hui-32 {

    height: 32px;

    background: #333;

	color: #fff;

	padding: 5px 0;

	padding-left: 6%;



}



/*hover下拉效果*/

.hover-down .prodbox{overflow:hidden}

.hover-down .mask{position:absolute;border-bottom:3px solid rgb(255, 127, 39) ;background:#fff; top:-100%;left:0;width:100%;height:100%;}

.hover-down .prodbox:hover .mask{top:0;transition:0.5s all linear}

/*首页>产品列表*/

.index-pro{background:url(../image/gbd.png) repeat center center;}

/*首页>研发*/

.yanfa .bg{background:url(../image/bg1.jpg) no-repeat right top;background-size:cover;}

.yanfa .item{min-height:160px;position:relative;}

.yanfa .item p{font-size:16px;}

.yanfa .item .pic{position:absolute;left:20px;top:50px; width:76px;height:76px;background-size: cover;}

.yanfa .item .img-box{padding-left:120px;width:100%;}

.yanfa-1 .item {min-height:100px;}

.yanfa-1 .item .img-box{padding-left:110px;}

/*首页>选择我们*/

.xuanze .item{min-height:262px;background:#005ad2;border-radius:14px;}

.xuanze .item:hover{background: rgb(255, 127, 44);}

.xuanze .more{background:rgb(255, 127, 39);padding:10px 24px;border-radius:20px;}

.xuanze .more:hover{color:#153F8F;}

.fuwu .item{position:relative;min-height:100px;}

.fuwu .item .pic{position:absolute;left:20px;top:24px; width:76px;height:76px;background-size: cover;}

.fuwu .item .box {padding-left: 110px; }

/*首页>品牌*/

.pinpai{background:rgb(248, 248, 248);}

.pinpai .item{min-height:550px;background:#fff;position: relative;}

.pinpai .item img.compic{width: 100%; height: 100%;position: absolute;
	-o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;}

/*搜索*/

.s-banner{min-height:224px;background:url(../image/bgg.png) no-repeat left top;background-size:cover;}

.ss-box{position:relative; margin:60px auto;border-radius:20px;border:1px solid #cfcfcf; background:#fff;width:100%;height:36px;}

.ss-box .s-input{width:100%;outline:none;border:none;line-height:34px;padding-left:10px;background-color:transparent;}

.ss-box .s-btn{position:absolute;right:-10px;top:-1px; background:url(../image/f.png) no-repeat center center;width:38px; height:36px;color: #fff;cursor: pointer;font-weight: bold;line-height: 32px;outline: none;border: none;}

.search{border-bottom:1px solid #ddd;}

.search .ss-box{margin:0px auto;}

.search .font span{margin-right:12px;cursor:pointer;}

.search .font span:hover{color:rgb(255, 127, 39);}

/*首页>品牌广告*/

.ad-box .item{min-height:130px;}

.ad-box .pic{position:absolute;top:30px;left:18px;}

.ad-box .pic img{width:64px;height:60px;}

/*首页>首页新闻*/

.index-news{background: rgb(248, 248, 248);}

.index-news .item{background:#fff;min-height:560px;}

.index-news .img-box{background:#0450b7;}

.index-news .img-box img{display:block;max-width:100%;height:260px; margin:0 auto; position:relative;top:40px;}

.index-news .news{background:#fff;}

/*首页>常见问题轮播*/



        .txtScroll-top .bd { padding: 15px;}



        .txtScroll-top .infoList li {  height: 78px; line-height:30px; }



        .txtScroll-top .infoList li .date { float: right; color: #999;}

        .txtScroll-top  .tit,.txtScroll-top  .intro{position:relative;padding-left:32px;}

        .txtScroll-top  .tit::before{content:"Q";display:block;position:absolute;left:0px;top:3px; width:22px;height:24px;text-align:center;line-height:22px; border-radius:6px;background:#1e88e5;color:#fff;}

        .txtScroll-top  .intro::before{content:"A";display:block;position:absolute;left:0px;top:3px; width:22px;height:24px;text-align:center;line-height:22px; border-radius:6px;background:#1e88e5;color:#fff;}









    /*图片列表*/

    .images-list .row .item {

        margin: 10px 0;

        padding: 10px;

        overflow: hidden;

    }

.images-list .row .item a.pic {background:rgb(255, 127, 39);}

.images-list .row .item a{display: block;overflow: hidden;}

.images-list .row .item img{display:block;width:100%;height:auto;margin:0 auto;}

.images-list .row .item:hover img{transform: translateY(-6%);transition:0.3s all ease-in-out;}

.images-list .row .item span.addicon{display:block; margin: 0px auto;border:1px solid #153F8F;width:20px;height:20px;text-align:center;line-height:16px;border-radius:10px;color:#153F8F;}

.images-list .row .item:hover span.addicon{color:rgb(255, 127, 39);background:#fff;border-color:#fff;transform: translateY(-30%);transition:0.3s all ease-in-out;}

.images-list .row .item .tit{padding:12px 0 20px 0;background:#fff;}

.images-list .row .item:hover .tit{background:rgb(255, 127, 39);}

.images-list .row .item:hover .tit .p1{color:#fff;transform: translateY(-30%);transition:0.3s all ease-in-out;}

    /*产品内容页样式*/

    .product-content .detail .title {

        clear: both;

        text-align: left;

        overflow: hidden;

        background: #ad7669;

        line-height: 40px;

        color: rgb(255,255,255);

        font-weight: 600;

        padding-left: 15px;

        font-size: 16px;

    }

.product-content .product-intro .title {

    font-size: 20px;

    border-bottom: 1px solid #e2e2e2;

    font-weight: normal;

    line-height: 33px;

    margin-bottom: 10px;

    font-weight: bold;

}

.product-content .product-intro .market-price span{

    text-decoration: line-through;

}

.product-content .product-intro .price span{

    font-size: 20px;

    color: #ff5022;

    font-weight: bold;

}

    /*在线留言表单*/

    .ui-validForm {

        padding-top: 30px;

    }

.form-group::before,.form-group::after{content:"";display:table} 

.form-group::after{clear:both;position:relative;} 

 .form-group{position:relative;padding:5px 0px;margin-bottom:0;margin-bottom:10px;}

.form-group .control-label{position:absolute;left:0px;top:0px;}

.form-group .form-control{border:1px solid #ddd;height:32px;line-height:32px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out}

.form-group .form-control:focus{border-color:#153F8F}

.form-group textarea.form-control{height:150px}

.form-group .help-block{display:block}

.btn{width:100%;border:1px solid #153F8F;color:#fff;height:35px;background:#153F8F;transition:all .5s ease-in-out}

.btn:hover {background-color: #3c68b2;color:#fff;}

.form-group .controls-verificationCodeImage{position:relative;max-width:400px;_width:400px;}

.form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:0px;height:32px;overflow:hidden}

.form-group .lb_verificationCodeImage img{height:30px;}

.feedback .tit {

    border-left: 8px solid #fdc208;

    padding-left: 20px;

    font-size: 20px;

    line-height: 42px;

    font-weight:bold;

    line-height:1.4;

    

}





/*荣誉列表*/

.rongyvlist li .item {

        position: relative;

        border:1px solid #ddd;

    }
.rongyvlist li p {

        text-align: center;
	   padding: 15px 0;

    }
.rongyvlist li:hover p {

       background: rgb(255, 127, 39);
	  color: #ffffff;

    }
.rongyvlist .mask {

    position: absolute;

    left: 0px;

    top: 0px;

    width: calc(100% );

    height: calc(100% );

    border: 1px solid transparent;

    background: rgba(0,0,0,0);

}

        .rongyvlist .mask .inner {

            position: absolute;

            top:50%;

            left:50%;

            margin-top:-30px;

            margin-left:-30px;

            background: rgba(0,0,0,.6);

            width:56px;

            height:56px;

            opacity:0;

        }

      

        .rongyvlist .mask .inner::after {

            content: "";

            background: url("../image/zoom-icon.png") no-repeat center center;

            background-size:40px 40px;

            width: 56px;

            height: 56px;

            position: absolute;

            left: 0;

            top: 0;

            padding:10px;

        }

.rongyvlist li .item:hover .mask .inner {

    opacity: 0.9;

    transition: 0.5s all ease-in-out;

}

.rongyvlist li .item:hover .mask {

    background: rgba(0,0,0,0.4);

    transition: 0.5s all ease-in-out;

    left: 10px;

    top: 10px;

    width: calc(100% - 20px);

    height: calc(100% - 20px);

    border: 1px solid #ddd;

}

        /*滚动新闻*/

        .scroll-box .title{

            padding: 10px 0 10px 30px;

            font-size: 20px;

            color: #333;

            font-weight: bold;

            background:#ddd;

        }



  /*新闻列表*/

.m-newlist li{border-bottom:1px dashed #ddd;}

.m-newlist .date{float:left;max-width:88px;background-color:#153F8F;text-align:center;font-family:Arial;padding:0px;}

.m-newlist .date span.date1{display:block;height:60px;line-height:60px;border-bottom:1px solid #fff;color:#fff;font-size:30px;background:#153F8F;}

.m-newlist .date span.date2{color:#fff;line-height:26px;font-size:13px;}

.m-newlist .con a.title{clear:both;display:block;font-size:18px;line-height:1.5em;color:#4d4d4d;text-decoration:none;margin:0px 0px 0.5em 0px;overflow:hidden;}

.m-newlist .con a.title:hover{color:#153F8F;}

.m-newlist .con a.title{max-height:3em;}

.m-newlist .con div.introduct{color:#808080;line-height:1.5em;}

/*新闻列表2*/

.m-newlist2 li{}

/* ---- Tabs ---- */

.tabs-wrapper {

}

.tab-item {clear: both;overflow: hidden;padding: 1rem 0;

}

.tabs-container {float: left;position: relative;display: block;

	width: 100%;

    min-height:400px;

}

.tabs-wrapper .tab-content {

	line-height: 200%;

	overflow: hidden;

    padding-top:30px;

    color:#666;

}

ul.tabs {

	text-align:center;

	height: 38px;

	width: 100%;

	padding-left: 0 !important;

	margin-bottom: 0 !important;

}

ul.tabs li {

     display:inline-block;

	overflow: hidden;

	padding-bottom: 0;

	position: relative;

	text-align: center;

	outline: none;

    padding:0 20px;



}

    ul.tabs li a {

        height: 38px;

        line-height: 38px;

        text-decoration: none;

        display: block;

        color: #3c68b2;

        font-size: 16px;

        font-weight: 600;

        position: relative;

        border-radius: 25px;

        border: 1px solid #3c68b2;

        padding: 0 20px;

    }



ul.tabs li a:hover {

	color: #3c68b2;

}

ul.tabs li.active {

	

}

    ul.tabs li.active a {

        background-color: #3c68b2;

        color: #fff;

     

    }

ul.tabs li.active {

	z-index: 1;

}

@media(max-width:728px){

	.bg-hui {

    font-size: 18px;

		text-align: center;



}

.bg-hui-32 {

    display: none;



}

	.header .nav-toggle {

    position: absolute;

    right: 0px;

    top: 3px;

    font-size: 25px;

    color: #999;

    min-width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    cursor: pointer;

    z-index: 1;

}

	.bg-blue .font-size-20 {

    font-size: 18px;

		



}

    ul.tabs {

        height:48px;

        width: 100%;

        white-space: nowrap;

        overflow: hidden;

        overflow-x: scroll;

        -webkit-backface-visibility: hidden;

        -webkit-perspective: 1000;

        -webkit-overflow-scrolling: touch;

   

        background-color: #fff;

    }

    ul.tabs::-webkit-scrollbar { display: none; }

   ul.tabs li{

       float:none;display:inline-block;text-decoration:none;padding:0 8px;

   }

        ul.tabs li a{

            border-radius:10px;

        }

}

/*---end---*/

.contact-us .contact-msg li .item{background:#eee;min-height:185px;}



/* 应用案例*/

.applications{background:#fff;}

.applications li {

    border-bottom: 1px solid #ddd;

}

.applications li:hover .intro{color:#333;}

.applications li:hover .fa{color:#0450b7;}

.applications .date{position:relative;color:#999;font-size:24px;}







/*手机端固定导航栏*/

.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px;color:#fff;z-index:99;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.2rem solid #000;background: #fff;}

.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}

.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}

.footer-fixed ul li p{font-size:1.3rem;}

.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}

.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}

.footer-fixed i{display:block;}

.footer-fixed .fa{font-size:24px;}

.footer-fixed ul li a:focus{color:#000;}

@media(max-width:1024px){footer{margin-bottom:50px;}}

@media (min-width:1024px){.footer-fixed{display:none!important;}}



.top-bg{background-color:#000;color: #fff;}

.top-bg a{color: #fff;}

.top-bg a:hover{text-decoration:underline;}